<template>
    <div>
        <!-- mobile-menu-area start -->
		<div class="mobile-menu-area">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="dropdown">
								<ul>
									<li>
										<a class="active1" href="index.html">
											Home
										</a>
										<ul>
											<li>
												<a href="index.html">
													home version 1
												</a>
											</li>
											<li>
												<a href="index-2.html">
													home version 2
												</a>
											</li>
											<li>
												<a href="index-3.html">
													home version 3
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Pages
										</a>
										<ul>
											<li>
												<a href="about-us.html">
													about us
												</a>
											</li>
											<li>
												<a href="cart.html">
													cart
												</a>
											</li>
											<li>
												<a href="checkout.html">
													checkout
												</a>
											</li>
											<li>
												<a href="wishlist.html">
													wishlist
												</a>
											</li>
											<li>
												<a href="login.html">
													login
												</a>
											</li>
											<li>
												<a href="register.html">
													register
												</a>
											</li>
											<li>
												<a href="contact.html">
													contact
												</a>
											</li>
											<li>
												<a href="shop-page.html">
													shop page
												</a>
											</li>
											<li>
												<a href="shop-list.html">
													shop list
												</a>
											</li>
											<li>
												<a href="single-product.html">
													single product
												</a>
											</li>
											<li>
												<a href="404.html">
													404 page
												</a>
											</li>
										</ul>
									</li>
									<li class="active1">
										<a class="active1" href="#">
											Blog
										</a>
										<ul>
											<li>
												<a href="blog-page.html">
													blog-page
												</a>
											</li>
											<li>
												<a href="blog-sidebar.html">
													blog left sidebar
												</a>
											</li>
											<li>
												<a href="blog-right-sidebar.html">
													blog right sidebar
												</a>
											</li>
											<li>
												<a href="blog-details.html">
													blog-details
												</a>
											</li>
										</ul>
									</li>
									<li>
										<a href="about-us.html">
											about us
										</a>
									</li>
									<li>
										<a href="contact.html">
											Contacts
										</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-menu-area end -->
		<!-- breadcrumbs start -->
		<div class="breadcrumbs-area breadcrumb-bg ptb-100">
			<div class="container">
				<div class="breadcrumbs text-center">
					<h2 class="breadcrumb-title">
						about us
					</h2>
					<ul>
						<li>
							<a class="active" href="index.html">
								Home
							</a>
						</li>
						<li>
							about us
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- breadcrumbs area end -->
		<!-- about start -->
		<div class="about-area ptb-100">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="about-all">
							<h2>
								welcome to
								<span>
									Kinley
								</span>
							</h2>
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
								ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
								dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies
								nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
							</p>
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
								ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
								dis parturient montes Cum sociis natoque penatibus et magnis dis parturient
								montes.
							</p>
							<ul>
								<li>
									delenit augue duis dolore te feugait nulla
								</li>
								<li>
									Duis autem vel eum iriure natoque dolor.
								</li>
								<li>
									Mirum est notare quam littera gothica
								</li>
							</ul>
							<a href="#">
								Learn More
							</a>
						</div>
					</div>
					<div class="col-md-6">
						<div class="about-img">
							<img alt="" src="assets/img/banner/15.jpg">
							<a class="video-popup" href="https://www.youtube.com/watch?v=sYPTflDSY-k">
								<i class="fa fa-play">
								</i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="counter-area gray-bg pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-md-3 col-sm-3">
						<div class="single-counter text-center mb-30">
							<h3 class="shop-counter">
								5000
							</h3>
							<p>
								Items in Store
							</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="single-counter text-center mb-30">
							<h3 class="shop-counter">
								450
							</h3>
							<p>
								Our worldwide staffs
							</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="single-counter text-center mb-30">
							<h3 class="shop-counter">
								80%
							</h3>
							<p>
								Customers Come Back
							</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3">
						<div class="single-counter text-center mb-30">
							<h3 class="shop-counter">
								1 mln.
							</h3>
							<p>
								Users of the Site
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="team-area pt-100 pb-70">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="section-title text-center mb-70">
							<h2>
								awesome team
								<i class="fa fa-male">
								</i>
							</h2>
							<p>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
								vel volutpat felis, eu condimentum massa. Pellentesque mollis eros vel
								mattis tempor.
							</p>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 col-sm-6">
						<div class="meet-all-four mb-30">
							<div class="meet-img-four">
								<a href="#">
									<img src="assets/img/team/team-1.jpg" alt="">
								</a>
								<div class="meet-icon-all-four">
									<div class="meet-icon-four">
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-link" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-facebook">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-google-plus">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-twitter" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-instagram" aria-hidden="true">
													</i>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="product-content-four text-center">
								<h3>
									kaven smith
								</h3>
								<p>
									developer
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 mb-30">
						<div class="meet-all-four">
							<div class="meet-img-four">
								<a href="#">
									<img src="assets/img/team/team-2.jpg" alt="">
								</a>
								<div class="meet-icon-all-four">
									<div class="meet-icon-four">
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-link" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-facebook">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-google-plus">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-twitter" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-instagram" aria-hidden="true">
													</i>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="product-content-four text-center">
								<h3>
									maikel deo
								</h3>
								<p>
									designer
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 mb-30">
						<div class="meet-all-four">
							<div class="meet-img-four">
								<a href="#">
									<img src="assets/img/team/team-3.jpg" alt="">
								</a>
								<div class="meet-icon-all-four">
									<div class="meet-icon-four">
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-link" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-facebook">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-google-plus">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-twitter" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-instagram" aria-hidden="true">
													</i>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="product-content-four text-center">
								<h3>
									kaven lora
								</h3>
								<p>
									Founder
								</p>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-6">
						<div class="meet-all-four">
							<div class="meet-img-four">
								<a href="#">
									<img src="assets/img/team/team-4.jpg" alt="">
								</a>
								<div class="meet-icon-all-four">
									<div class="meet-icon-four">
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-link" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-facebook">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-google-plus">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-twitter" aria-hidden="true">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-instagram" aria-hidden="true">
													</i>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="product-content-four text-center">
								<h3>
									jon petter
								</h3>
								<p>
									Manager
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- service area start -->
		<div class="choose-us-skill-area ptb-100 gray-bg">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="choose-us-area">
							<h2>
								Why Choose Us
							</h2>
							<div class="choose-couses">
								<div class="single-choose">
									<div class="choose-icon">
										<i class="pe-7s-cart">
										</i>
									</div>
									<div class="choose-text">
										<h3>
											Good sales policy
										</h3>
										<p>
											Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											Lorem Ipsum the industry's standard.
										</p>
									</div>
								</div>
								<div class="single-choose">
									<div class="choose-icon">
										<i class="pe-7s-headphones">
										</i>
									</div>
									<div class="choose-text">
										<h3>
											Customer care better
										</h3>
										<p>
											Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											Lorem ipsum printing.
										</p>
									</div>
								</div>
								<div class="single-choose">
									<div class="choose-icon">
										<i class="pe-7s-cash">
										</i>
									</div>
									<div class="choose-text">
										<h3>
											Flexible payment
										</h3>
										<p>
											Lorem Ipsum is simply dummy text of the printing and typesetting industry.
											Lorem Ipsum has been the industry's.
										</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="skill-area">
							<h2>
								Our Skills
							</h2>
							<div class="skill-all">
								<div class="progress">
									<div class="lead">
										Social Marketing
									</div>
									<div class="progress-bar width-50" role="progressbar" aria-valuenow="50"
									aria-valuemin="0" aria-valuemax="100">
									</div>
									<span>
										50%
									</span>
								</div>
								<div class="progress">
									<div class="lead">
										Strong Planing
									</div>
									<div class="progress-bar width-70" role="progressbar" aria-valuenow="70"
									aria-valuemin="0" aria-valuemax="100">
									</div>
									<span>
										70%
									</span>
								</div>
								<div class="progress">
									<div class="lead">
										Online Marketing
									</div>
									<div class="progress-bar width-90" role="progressbar" aria-valuenow="90"
									aria-valuemin="0" aria-valuemax="100">
									</div>
									<span>
										90%
									</span>
								</div>
								<div class="progress">
									<div class="lead">
										Branding
									</div>
									<div class="progress-bar width-70" role="progressbar" aria-valuenow="70"
									aria-valuemin="0" aria-valuemax="100">
									</div>
									<span>
										70%
									</span>
								</div>
								<div class="progress">
									<div class="lead">
										Website Analysis
									</div>
									<div class="progress-bar width-50" role="progressbar" aria-valuenow="50"
									aria-valuemin="0" aria-valuemax="100">
									</div>
									<span>
										50%
									</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- service area end -->
		<div class="testimonials-area ptb-100">
			<div class="container">
				<div class="section-title text-center mb-70">
					<h2>
						happy client
						<i class="fa fa-star">
						</i>
					</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque
						vel volutpat felis, eu condimentum massa. Pellentesque mollis eros vel
						mattis tempor.
					</p>
				</div>
				<div class="row">
					<div class="col-md-offset-2 col-md-8">
						<div class="testi-all text-center">
							<div class="testimonial-active owl-carousel">
								<div class="single-testimonial gray-bg">
									<div class="testimonial-img">
										<img src="assets/img/team/5.jpg" alt="">
									</div>
									<div class="testimonial-content">
										<p>
											“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
											tempor incididunt ut labore et dolore magna aliqua incididunt consecteturincididunt
											ut labore et dolore magna aliqua incididunt consectetur adipisicing elit.”
										</p>
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
										</ul>
									</div>
									<div class="testimonial-info">
										<h3>
											le kevin smith
										</h3>
										<span>
											Web Designer
										</span>
									</div>
								</div>
								<div class="single-testimonial gray-bg">
									<div class="testimonial-img">
										<img src="assets/img/team/6.jpg" alt="">
									</div>
									<div class="testimonial-content">
										<p>
											“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
											tempor incididunt ut labore et dolore magna aliqua incididunt consecteturincididunt
											ut labore et dolore magna aliqua incididunt consectetur adipisicing elit.”
										</p>
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
										</ul>
									</div>
									<div class="testimonial-info">
										<h3>
											mikel jon
										</h3>
										<span>
											Web Designer
										</span>
									</div>
								</div>
								<div class="single-testimonial gray-bg">
									<div class="testimonial-img">
										<img src="assets/img/team/7.jpg" alt="">
									</div>
									<div class="testimonial-content">
										<p>
											“Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
											tempor incididunt ut labore et dolore magna aliqua incididunt consecteturincididunt
											ut labore et dolore magna aliqua incididunt consectetur adipisicing elit.”
										</p>
										<ul>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-star">
													</i>
												</a>
											</li>
										</ul>
									</div>
									<div class="testimonial-info">
										<h3>
											le kevin smith
										</h3>
										<span>
											Web Designer
										</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- about end -->
    </div>
</template>
<script>
module.exports = {
  data: function () {
    return {};
  },
  };
</script>